Internet Explorer

Chrome

Opera

Safari

Firefox

7.0

8.0

9.0

7.0

8.0

9.6

10.0

10.0

3.1

4.0

5.0

3.0

3.6

4.0

Помилка

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

 

Коротка інформація

 

CSS

CSS1, CSS2.1

Значення за умовчанням

none

Наслідує

Ні

Застосовується

До усіх елементів

Аналог HTML

<body background="URL">

Посилання на специфікацію

http://www.w3.org/TR/CSS21/colors.html#propdef-background-image

 

 

Опис

Встановлює фонове зображення для елементу. Якщо одночасно для елементу заданий колір фону, він буде показаний, поки фонова картинка не завантажиться повністю. Те ж станеться, якщо зображення не доступні або їх показ у браузері відключений. У разі наявності в малюнку прозорих областей, через них недоглядатиме фоновий колір.

Синтаксис

background - image: url(шлях до файлу) | none | inherit

Значення

url

В якості значення використовується шлях до графічного файлу, який вказується      усередині конструкції url(). Шлях до файлу при цьому можна писати як в лапках (подвійних або одинарних), так і без них.

 

none

 

Відміняє фонове зображення для елементу.

 

inherit

 

Наслідує значення батьків.

 

Приклад

HTML 4.0  CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

    <title>background-image</title>

    <style type="text/css">

    BODY {
      background - image: url('images/bg.gif'); /* Шлях до фонового зображення */
      background - color: #fc0; /* Колір фону */
    }
    </style>
  </head>
  <body>
    <p>Луцький національний технчний університет є одним із найкращих професійних закладів освіти у місті Луцьку</p>
  </body>
</html>
 
Малюнок 1. Приклад використання background-image
 

Об'єктна модель

[window.]document.getElementById

("elementID").style.backgroundColor

Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.